From 7a0a37568a0c5726d25ebf807d8d05c0e4faa74c Mon Sep 17 00:00:00 2001 From: Pinapelz Date: Mon, 30 Jun 2025 23:14:14 -0700 Subject: add opengraph middleware --- middleware/src/app/[gameName]/page.tsx | 110 +++++++++++++++++++++++++++++++++ 1 file changed, 110 insertions(+) create mode 100644 middleware/src/app/[gameName]/page.tsx (limited to 'middleware/src/app/[gameName]') diff --git a/middleware/src/app/[gameName]/page.tsx b/middleware/src/app/[gameName]/page.tsx new file mode 100644 index 0000000..42045f2 --- /dev/null +++ b/middleware/src/app/[gameName]/page.tsx @@ -0,0 +1,110 @@ +import { Metadata } from "next"; +import { headers } from "next/headers"; +import { userAgent } from "next/server"; +import { redirect } from "next/navigation"; + +export async function generateMetadata({ + params, + searchParams, +}: { + params: Promise<{ gameName?: string }>; + searchParams: Promise<{ [key: string]: string | string[] | undefined }>; +}): Promise { + const resolvedParams = await params; + const resolvedSearchParams = await searchParams; + let gameName = resolvedParams.gameName || "news"; + const postId = resolvedSearchParams.post as string | undefined; + const apiUrlBase = process.env.NEXT_PUBLIC_API_URL; + const mainNewsUrl = process.env.NEXT_PUBLIC_MAIN_NEWS_URL; + + if (!postId) { + return { + title: `${gameName} News`, + description: `Browse the latest updates for ${gameName}`, + }; + } + + try { + let fetchUrl = `${apiUrlBase}/${gameName}_news.json`; + if (gameName === "news") { + fetchUrl = `${apiUrlBase}/news.json`; + } + const res = await fetch(fetchUrl); + if (!res.ok) throw new Error("Failed to fetch"); + const data = await res.json(); + const newsPosts = data.news_posts; + const matchingPost = newsPosts.find((news: any) => { + const contentHash = + news.content.split("").reduce((hash: number, char: string) => { + return (hash << 5) + hash + char.charCodeAt(0); + }, 5381) >>> 0; + + const newsId = `${news.identifier}-${news.timestamp}-${contentHash.toString(16)}-${news.headline}`; + return newsId === postId; + }); + if (!matchingPost) { + return { title: "Post not found" }; + } + return { + title: matchingPost.headline, + description: matchingPost.content.slice(0, 100), + openGraph: { + title: matchingPost.headline, + description: matchingPost.content.slice(0, 100), + images: matchingPost.images?.[0]?.image + ? [matchingPost.images[0].image] + : [], + }, + }; + } catch (err) { + console.error(err); + return { + title: "Error loading post", + description: "There was a problem loading this news post.", + }; + } +} + +export default async function GamePage({ + params, + searchParams, +}: { + params: Promise<{ gameName?: string }>; + searchParams: Promise<{ [key: string]: string | string[] | undefined }>; +}) { + const resolvedParams = await params; + const resolvedSearchParams = await searchParams; + const gameName = resolvedParams.gameName || "news"; + const postId = resolvedSearchParams.post as string | undefined; + const mainNewsUrl = process.env.NEXT_PUBLIC_MAIN_NEWS_URL; + const { headers } = await import("next/headers"); + const { userAgent } = await import("next/server"); + const headersList = await headers(); + const ua = userAgent({ headers: headersList }); + + if (postId && mainNewsUrl && !ua.isBot) { + const { redirect } = await import("next/navigation"); + redirect(`${mainNewsUrl}/game/${gameName}#${postId}`); + } + + const redirectUrl = + postId && mainNewsUrl ? `${mainNewsUrl}/game/${gameName}#${postId}` : null; + + return ( +
+
+

573 UPDATES

+ Updates image + {redirectUrl && ( + + click here if not redirected + + )} +
+
+ ); +} -- cgit v1.2.3